<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>My JSP 'left.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		<style type="text/css">
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background-color: #1873aa;
	text-align: center;
	overflow: hidden;
}

#max {
	width: 164px;
	height: 400px;
	background-color: #ffffff;
}

#style1 {
	margin-left: -3px;
	background-image: url(../fenzhi/left1.png);
	width: 166px;
	height: 26px;
}

#style1 div {
	padding-top: 8px;
	margin-left: -15px;
}

.style21 {
	margin-bottom: 3px;
}

.style211 {
	background-image: url(../fenzhi/left2.png);
	width: 152px;
	height: 23px;
}

.style211 div {
	padding-top: 6px;
	margin-left: -25px;
	color: #ffffff;
}

.style211 div a {
	text-decoration: none;
	color: #ffffff;
}

.style212 {
	border: 1px solid #95d6e4;
	width: 151px;
	color: #033d61;
}

.style212 ul {
	margin-top: 10px;
	margin-left: -35px;
	list-style-type: none;
}

.style212 ul li {
	margin-bottom: 10px;
}

.style212 ul li a {
	color: #033d61;
	text-decoration: none;
}

.style212 ul li a:hover {
	text-decoration: ungerline;
	font-size: 14px;
}
</style>
		<script>
function hiddenDiv(div) {
	div.style.display = (div.style.display == 'none' ? 'block' : 'none');
}
</script>
	</head>

	<body>
		<div id="max">
			<div id="style1">
				<div>
					管理菜单
				</div>
			</div>

			<div id="style2">
				<div class="style21">
					<div class="style211">
						<div>
							<a href="javascript:void(0)"
								onclick="hiddenDiv(document.getElementById('style212'))">用户管理</a>
						</div>
					</div>

					<div class=style212 id="style212">
						<ul>
							<li>
								<img src="wenjianjia.png"><a href="Storeg.jsp?bookid=<%=1%>" target="main">小说故事</a>
							</li>
							<li>
								<img src="wenjianjia.png"><a href="StudyBook.jsp?bookid=<%=2%>" target="main">学习资料</a>
							</li>
							<li>
								<img src="wenjianjia.png"><a href="ITBook.jsp?bookid=<%=3%>" target="main">IT&nbsp;&nbsp;书籍</a>
							</li>
						</ul>
					</div>
				</div>

				<div class="style21">
					<div class="style211">
						<div>
							<a href="javascript:void(0)"
								onclick="hiddenDiv(document.getElementById('style213'))">工具箱</a>
						</div>
					</div>

					<div class=style212 id="style213">
						<ul>
							<li>
								<img src="wenjianjia.png"><a href="../qiantai/Cal.jsp" target="main">计算器</a>
							</li>
							<li>
								<img src="wenjianjia.png"><a href="https://www.taobao.com/" target="main">合作网站</a>
							</li>
						</ul>
					</div>
				</div>


			</div>
		</div>
	</body>
</html>
